<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片</title>
</head>
<body>
<!--
src资源路径:
1.相对路径:访问站内资源使用
    a.资源和页面在同一目录:直接写图片名
    b.资源在页面的上级目录:../图片名
    c.资源在页面的下级目录:文件夹名/图片名
2.绝对路径:一般用于访问站外资源,称为图片盗链,存在找不到图片的风险
-->
<!--title:鼠标停止在图片上显示的文本-->
<img src="01.jpg" title="标题" width="100">
<!--
    width/height:设置宽高,只设置宽度,高度会自动等比例缩放
    两种赋值方式:1.像素   2.百分比
-->
<img src="01.jpg" title="标题" width="100%">
<!--alt:当图片不显示时,显示的文本-->
<img src="../02.jpg" alt="">
<img src="abc/03.jpg" alt="">
<img src="https://cdn.tmooc.cn/bsfile//courseImg///280c6025caa14649ba86b3561db92066.jpg" alt="">
</body>
</html>